<template>
  <div class="about">
    <slot></slot>
  </div>
</template>

<script>
import { h } from 'vue'

export default {
  data () {
    return {

    }
  },

  render () {
    console.log('--level:', this.level)
    return h(
      'h' + this.level, // 标签名
      {}, // prop 或 attribute
      this.$slots.default() // 包含其子节点的数组
    )
  },

  props: {
    level: {
      type: Number,
      required: true
    }
  },

  mounted () {
    console.log('level:', this.level)
  }
}
</script>

<style scoped>

</style>
